import { Text } from "@chakra-ui/react";

const TextButton = ({ text, isActive, onClick }: { 
    text: string; 
    isActive: boolean; 
    onClick: () => void 
}) => (
    <Text
        fontSize={12}
        cursor="pointer"
        onClick={onClick}
        bg={isActive ? 'yellow.300' : 'white'}
        color={isActive ? 'black.500' : 'gray.500'}
        fontWeight="bold"
        borderRadius={50}
        px={4}
        py={2}
    >
        {text}
    </Text>
);

export default TextButton;